<template>
  <div class="site_footer_content" :style="footStyl">
    {{sitePoi}}
  </div>
</template>

<script>
import configSite from '@/baseconfig.js'
export default {
  name: 'siteFoot',
  props: {},
  data () {
    return {
      footStyl:{}
    }
  },
  mounted() {
    let windowHeight = document.documentElement.clientHeight;
    let bodyHeight = document.body.offsetHeight;
    if(windowHeight>bodyHeight){
      this.footStyl = {position:'fixed',bottom:0,left:0,right:0}
    }else{
      this.footStyl = {position:'relative'}
    }
  },
  computed: {
    sitePoi(){
      return configSite.sitePoi
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus">
.site_footer_content
  text-align center
  color $white
  background-color $colorDeepPrimary
  display flex
  align-items center
  justify-content center
  height 36px
</style>
